<template>
  <!-- 基本信息 -->
  <section>
    <el-card class="supplier-info">
      <div slot="header">
        <span>工商信息</span>
        <el-button style="float: right; padding: 3px 0" type="text">启信宝</el-button>
      </div>
      <SupplierInfoForm
        refName="business-information-form"
        :disabled="true"
        :formFields="BUSINESS_INFORMATION_FIELDS" />
    </el-card>
    <el-card  class="supplier-info">
      <div slot="header">
        <span>基础信息</span>
      </div>
      <SupplierInfoForm
        refName="basic-information-form"
        :formFields="BASIC_INFORMATION_FIELDS" />
    </el-card>
    <el-card  class="supplier-info">
      <div slot="header">
        <span>生产信息</span>
      </div>
      <SupplierInfoForm
        refName="production-information-form"
        :formFields="PRODUCTION_INFORMATION_FIELDS" />
    </el-card>
    <el-card  class="supplier-info">
      <div slot="header">
        <span>物流信息</span>
      </div>
    </el-card>
    <el-card  class="supplier-info">
      <div slot="header">
        <span>结算信息</span>
      </div>
    </el-card>
  </section>
</template>

<script>
import SupplierInfoForm from './supplierInfoForm'

import { supplierInformation } from '@/pages/supplier/constants';
const {
  BUSINESS_INFORMATION_FIELDS,
  BASIC_INFORMATION_FIELDS,
  PRODUCTION_INFORMATION_FIELDS,
} = supplierInformation
export default {
  components: { SupplierInfoForm, },
  data () {
    return {
      BUSINESS_INFORMATION_FIELDS,
      BASIC_INFORMATION_FIELDS,
      PRODUCTION_INFORMATION_FIELDS,
    }
  }
}
</script>

<style scoped>
.supplier-info {
  margin-bottom: 20px;
}
</style>
